html {
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	position: relative;
	min-height: 100% !important;
	-webkit-overflow-scrolling: touch;

}
body {
	margin: 0; 
	font-family: Arial, sans-serif; 
	font-weight:normal;
	font-size: 16px; 
	overflow-x:hidden;
}   

a, a:visited {
	text-decoration: none;	
}
a:hover, a:active {
	outline: none;
	text-decoration: none;
	transition: all 0.3s ease-in;
}

a:focus {
	outline: none;
	text-decoration: none;
}
a img, img {border: none;}

ul.ulfix {
	padding-left: 20px;
	list-style: none;
	line-height: 20px;
}
ul.ulfix li {
	text-indent: -0.8em;
	display: block;
}

ul.ulfix li::before {
	content: "• ";
	color: #000;
	font-size: 1.4em;
	position: relative;
	top: 1px;
}
.clear {
	height: 1px;
	line-height: 0;
	font-size: 1px;
	clear: both;
}

.marg0{margin:0px;}
.margtop0{margin-top:0px;}
.margtop15 {margin-top: 15px;}
.margtop20 {margin-top: 20px;}
.margbot20 {margin-bottom: 20px;}
.margtop30 {margin-top: 30px;}
.margtop60 {margin-top: 60px;}
.margtop90 {margin-top: 90px;}
.pad0 {padding:0;}
.padleft30 {padding-left:30px;}
.relative {position:relative;}

.fw100 {font-weight: 100;}
.fw200 {font-weight: 200;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fw900 {font-weight: 900;}

/* scroll na vrh */
.navrh {
	background-color: rgba(119, 135, 147, 0.87);
	padding: 5px 17px;
	color: #fff;
	position: fixed;
	right: 20px;
	bottom:20px;
	z-index: 999;
	font-size:24px;
}

.navrh:hover {
	color: #fff;
	background-color:#005a9c;
}


header {
	width: 100%;
	background-color: #ebebeb;
	padding: 30px 0;
	position: relative;
}




header.sticky {

	background-color: rgba(119, 135, 147, 0.87);
    -webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
    -webkit-box-shadow: 0px 2px 39px -10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 39px -10px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 39px -10px rgba(0,0,0,0.5);		
	transition: all .9s ease-in;
	position: fixed;
	z-index: 9999;
}


header .hamburger .hamburger-inner, header .hamburger .hamburger-inner::before, header  .hamburger .hamburger-inner::after {
	background-color: #004e89;
	width: 40px;
}
header .mobmeni {width: 320px; position: absolute; background-color:#004e89;z-index: 9999; right: 15px; padding: 10px 0; display: none;}
header .mobmeni a {display: block; color: #fff; padding: 10px 20px; font-size: 16px; border-bottom: 1px dotted #4989b8;	}
header .mobmeni a:last-of-type {border:none;}



header .logo {height: 60px;}
header .meniwrap {background-color: #fff; height: 60px;   width: 100%; padding-left: 18px; padding-top: 18px; position: relative; text-align: center;}
header .meniwrap a {color: #6d6f72; font-size: 15px; padding-right: 15px;}
header .meniwrap a:hover {color: #e73037;}
header .meniwrap .lang {position: absolute; right: 18px; top:18px;}



/*sekcija*/
section.slika {
	/*background-image: url(../img/glavna.jpg);*/
	/*background-image: url(../img/CP_heder.jpg);*/
	/*/background-image: url(../img/wintertakeover.jpg);*/
	background-position: center center;
	background-size: cover;
	/*height: 620px;*/
	/*background-color: #000;*/
}
section.row {position: relative;}
section.slika .row > div {height: 688px;}
section.slika .tekstwrap {position: absolute; top: 30%; color: #fff;}
section.slika h1 {font-weight: bold; font-size: 50px; color: #fff; text-transform: uppercase; letter-spacing: -2.5px}
section.slika .podnaslov {margin-top: 70px; font-size: 33px; text-transform: uppercase; padding-right: 1%;}
section.slika .gorivawrap {position: absolute; bottom: 40px;right: 0;}
section.slika .gorivawrap img {margin-left: 20px; }


/*sekcija*/
section.prednosti {
	background-color: #dcdcdc;
	padding: 60px 0;
}
section.prednosti h2 {font-size: 50px; color: #00467e; font-weight: bold; text-transform: uppercase;}
section.prednosti .opis {line-height: 28px; font-size: 16px; color: #484848; margin-top: 20px;}
section.prednosti .gorivawrap {margin-top:30px; display:flex;}
section.prednosti .gorivawrap img {margin-right: 20px; max-width:90px; display:inline-block;}
section.prednosti h3 {font-weight: bold; font-size: 30px; color: #000; margin-bottom: 20px; margin-top: 30px;}
section.prednosti ul li {margin-bottom: 20px;}

/*sekcija*/
section.goriva {
	background-color: #fff;
	padding: 60px 0;
}
section.goriva h2 {font-size: 50px; color: #00467e; font-weight: bold; text-transform: uppercase; width: 320px; margin-bottom: 30px;}
section.goriva .opis {line-height: 28px; font-size: 16px; color: #484848; margin-top: 20px;}
section.goriva .opis ul li {line-height: 28px;}
section.goriva h4 {color: #000; margin-top: 20px;}
section.goriva .opisimg {margin-bottom: 30px;}

/*sekcija*/
section.diesel {
	background-image: url(../img/bg-diesel.jpg);
	background-position: top center;
	background-size: cover;
	height: 1168px; 
	background-color: #000;
	position: relative;
	z-index: 999;
	padding-top: 300px;
	margin-top:-70px;
	

}

section.diesel .opis {line-height: 28px; font-size: 16px; 	color: #fff; margin-top: 20px;}
section.diesel .opisimg {margin-top: 90px; margin-bottom: 60px;}
section.diesel h4 {margin-top: 60px;}
section.diesel .ulfix li::before {color: #fff;}

section.plava {
	height:60px;
	background-color: #005a9c;
}

/*sekcija*/
section.kvaliteta {
	background-color: #e1e1e1;
	padding: 60px 0;
}
section.kvaliteta h2 {font-size: 50px; color: #00467e; font-weight: bold; text-transform: uppercase; width: 320px; margin-bottom: 30px;}
section.kvaliteta h2 span {color:#231f20;}
section.kvaliteta .opis {line-height: 28px; font-size: 16px; color: #484848; margin-top: 20px;}
section.kvaliteta h4 {font-weight: bold; margin-top: 30px;}


/*sekcija*/
section.sigurnost {
	background-image: url(../img/sigurnost2.jpg);
	background-position: top center;
	background-size: cover;
	height:1200px; 

	position: relative;
	z-index: 999;
	padding: 60px 0;

	

}
section.sigurnost h2 {font-size: 50px; color: #fff; font-weight: bold; text-transform: uppercase;  margin-bottom: 30px;}
section.sigurnost h2 span {color:#00aeef;}
section.sigurnost .opis {line-height: 28px; font-size: 16px; 	color: #fff; margin-top: 20px;}
section.sigurnost .opisimg {margin-top: 90px; margin-bottom: 60px;}
section.sigurnost h4 {margin-top: 30px; font-weight: bold; margin-bottom: 0;}
section.sigurnost .ulfix li::before {color: #fff;}
section.sigurnost p {margin-bottom: 0px;}

/*sekcija*/
section.briga {
	background-color: #e1e1e1;
	
}
section.briga h2 {font-size: 50px; color: #00467e; font-weight: bold; text-transform: uppercase;  margin-bottom: 30px;}
section.briga h2 span {color:#231f20; display: block;}
section.briga .opis {line-height: 28px; font-size: 16px; color: #484848; margin-top: 20px;}
section.briga h4 {font-weight: bold; margin-top: 30px;}



a {
outline: 0;
}

a: hover,
a: active,
a: focus {
     outline: none;
}

input::-moz-focus-inner {
border: 0;
}

.fullContent {position: absolute; z-index: 9999; width: 100%; bottom:0; padding: 20px; background-color: rgba(13, 100, 154, 0.8);
color: #fff;}
.fullContent input {border-radius: 0; height: 50px; border:none;}

#searchBpHome #bpSubmit {
position: absolute;
right: 0px;
top: 0px;
border: none;
}
#searchBpHome #bpSubmit::before {
display: block;
font-family: 'Material Icons';
display: block;
content: "\e546";
color: #fff;
background-color: #00974a;
height: 50px;
width: 49px;
font-size: 32px;
padding-left: 11px;
padding-top: 3px;


}

a.link-white {
	color: #fff;
	text-decoration: underline;
}



.maloFoo {
    padding: 30px 0;
    margin-bottom: 30px;
}

.maloFoo .ina a {
    color: #4d5b65;
}

.maloFoo .ina a:hover {
    color: #00639c;
    text-decoration: underline;
}

.maloFoo .copy {
    color: #4d5b65;
    font-size: 16px;
    font-weight: normal;
}

.malilinkovi {
    margin: 0;
    padding: 0;
    list-style: none;
}

.malilinkovi li {
    float: left;
    margin-right: 10px;
}

.malilinkovi li a {
    font-size: 15px;
    color: #4d5b65;
}

.malilinkovi li a:hover {
    color: #00639c;
    text-decoration: underline;
}

/*podmeni*/